<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<title>the velocity of reading for {{ username }}</title>

	  <!-- Framework CSS -->		
		<link rel="stylesheet" href="/stylesheets/blueprint/screen.css" type="text/css" media="screen, projection">
	  <link rel="stylesheet" href="/stylesheets/blueprint/print.css" type="text/css" media="print"> 
	  <!--[if IE]>
	    <link rel="stylesheet" href="/stylesheets/blueprint/ie.css" type="text/css" media="screen, projection">
	  <![endif]-->
		<!-- Import fancy-type plugin for the sample page. -->
		<link rel="stylesheet" href="/stylesheets/blueprint/plugins/fancy-type/screen.css" type="text/css" media="screen, projection">
	</head>
	
  <body>
		<div class="container">  
			<br/>
			<br/>
			<h1><a href="/"><img src="/images/velocityofreading.png" alt="the velocity of reading"/></a></h1>
			<hr>
			<h2 class="alt">Reading velocity for <a href="http://bkkeepr.com/people/{{ username }}">{{ username }}</a></h2>
			<p>{{ stats }}</p>
			<br/>
			<br/>
			{% if readinggraph_error %}
				<p>-- There was a problem generating the graph, sorry --</p>
			{% else %}
			  <a href="{{ readinggraph }}"><img src="{{ readinggraph }}" alt="Reading graph for {{ username }}"/></a><br/>
			{% endif %}
			<br/>
			<br/>
			{% if cumulativegraph_error %}
				<p>-- There was a problem generating the graph, sorry --</p>
			{% else %}
				<a href="{{ cumulativegraph }}"><img src="{{ cumulativegraph }}" alt="Cumulative reading graph for {{ username }}"/></a><br/>
			{% endif %}
			<br/>	

			<p class="alt">Those books were...</p>
			{% for book in books %}
			  <p class="alt">{{ forloop.counter }}. {{ book.tostring }}</p>
			{% endfor %}
		
			<p class="alt">See more at <a href="http://bkkeepr.com/people/{{ username }}">http://bkkeepr.com/people/{{ username }}</a></p>
		
			<br/>
			<br/>
			<br/>
			<br/>
			<hr>
			<p class="alt">The velocity of reading was developed by <a href="http://www.cookinrelaxin.com">Tristan Ferne</a>, read more <a href="/about.html">about</a> it. Based on the <a href="http://bkkeepr.com/api">bkkeepr API</a> and <a href="http://blueprintcss.org/">Blueprint CSS</a>. </p>
		</div>
		<script type="text/javascript">
		var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
		document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
		</script>
		<script type="text/javascript">
		try {
		var pageTracker = _gat._getTracker("UA-281212-3");
		pageTracker._trackPageview();
		} catch(err) {}</script>		
  </body>
</html>